<script type="text/javascript">
        $(document).ready(function() {
                $('.slider2').bxSlider({
                    auto: true,
                    slideWidth: 300,
                    minSlides: 1,
                    maxSlides: 1,
                    slideMargin: 10
                });
                $('ul.sub_category').hide();
                $('a.par').click(function() {
                    $(this).next().slideToggle();
                });
            });
</script>

<!-- Danh mục sản phẩm -->

<div class="side_category">
  <div class="titleside"><span></span>Danh mục</div>
  <div class="side_ctn">
    <ul class="category">
      <li class="open icon1"><a href="javascript:void(0)"  class="par">Camera</a>
        <ul class="sub_category">
          <?php $cam = $tc->loai_theotheloai(1);
          while($row=  mysql_fetch_assoc($cam)){?>
          <li><a idLT="<?php echo $row['idLT']?>" href="<?php echo $row['TenLT_KD']?>.html"><?php echo $row['TenLT']?></a></li>
          <?php } ?>
        </ul>
      </li>
      <li class="icon2"><a href="javascript:void(0)"  class="par">Đầu ghi hình</a>
        <ul class="sub_category">
          <?php $cam = $tc->loai_theotheloai(2);
          while($row=  mysql_fetch_assoc($cam)){?>
          <li><a  idLT="<?php echo $row['idLT']?>" href="<?php echo $row['TenLT_KD']?>.html"><?php echo $row['TenLT']?></a></li>
          <?php } ?>
        </ul>
      </li>
      <li class="icon3"><a href="javascript:void(0)" class="par">Báo trộm - báo cháy</a>
        <ul class="sub_category">
          <?php $cam = $tc->loai_theotheloai(12);
          while($row=  mysql_fetch_assoc($cam)){?>
          <li><a idLT="<?php echo $row['idLT']?>" href="<?php echo $row['TenLT_KD']?>.html"><?php echo $row['TenLT']?></a></li>
          <?php } ?>
        </ul>
      </li>
      <li class="icon3"><a href="linh-phu-kien.html">Linh phụ kiện</a>

      </li>
    </ul>
  </div>
</div>

<!--Sản phẩm tiêu biểu-->
<div class="side_promo">
  <div class="titleside"><span></span>Sản phẩm nổi bật</div>
  <div class="side_ctn">
    <div class="saleicon">Sale</div>
    <div class="bx-wrapper" style="max-width: 300px;">
      <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 303px;">
        <ul class="listitem slider2 " style="width: 1075%; position: relative; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-1190px, 0, 0);">
          <?php $sp_noibat= $tc->sanpham_noibat();
          while($row_nb = mysql_fetch_assoc($sp_noibat)){
          ?>  
          <li class="slide bx-clone slide_nb">
            <div class="pd-home">
              <div class="pd-img">
                  <a href="detail/<?php echo $row_nb['MaSP_KD']."-".$row_nb['idSP'];?>.html" title="<?php echo $row_nb['TenSP']; ?>" >
                    <img src="<?php echo str_replace('../','',$row_nb['UrlHinh']); ?>" alt="<?php echo $row_nb['TenSP']; ?>"></a> </div>
              <a href="detail/<?php echo $row_nb['MaSP_KD']."-".$row_nb['idSP'];?>.html">
              <h2 style="overflow: hidden"><?php echo $row_nb['TenSP']; ?></h2>
              </a>
              <div class="price"> <span class="price-nosale">Giá : Liên hệ</span> </div>
              <!--End price-->
            </div>
          </li>  
          <?php } ?>
        </ul>
      </div>
      <div class="bx-controls bx-has-controls-direction">
        <div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div>
      </div>
    </div>
  </div>
</div>
<!-- Hỗ trợ -->
<div class="side_support">
  <div class="titleside"><span></span>Hỗ trợ trực tuyến</div>
  <div class="side_ctn">
    <ul>
      <li> <span class="support">
              <a href="ymsgr:sendim?congtu321_ts@yahoo.com"> 
                  <img src="http://opi.yahoo.com/online?u=congtu321_ts@yahoo.com&m=g&t=1"/> 
              </a> </span> <span > NV Bán hàng 0932.118.991</span> </li>
      <li> <span class="support"> 
              <a href="ymsgr:sendim?congtu321_ts@yahoo.com"> 
                  <img src="http://opi.yahoo.com/online?u=congtu321_ts@yahoo.com&m=g&t=1"/> 
              </a> </span> 
          <span > NV Bán hàng 0932.161.861</span> 
      </li>
      <li> <span class="support"> 
              <a href="ymsgr:sendim?congtu321_ts@yahoo.com"> 
                  <img src="http://opi.yahoo.com/online?u=congtu321_ts@yahoo.com&m=g&t=1"/> 
              </a> </span> 
          <span> 
              NV Kỹ thuật  0932.699.653</span> 
      </li>
      <li> <span class="support">
              <a href="ymsgr:sendim?congtu321_ts@yahoo.com"> 
                  <img src="http://opi.yahoo.com/online?u=congtu321_ts@yahoo.com&m=g&t=1"/> </a>
          </span> 
          <span> NV Kỹ thuật 0909.612.246</span> 
      </li>
    </ul>
  </div>
</div>
<!-- Liên kết -->
<!-- Quảng cáo-->
<div class="side_apps">
  <div class="titleside"><span></span>Thông tin tiện ích</div>
  <div class="side_ctn">
    <div class="gold">Giá vàng 9999</div>
    <table cellspacing="1px" cellpadding="2px" border="0px" class="tbl-goldprice" id="tbl-goldprice">
      <tbody>
        <tr>
          <td style="font-size:10px;width:50%;" class="td-weather-title">Loại</td>
          <td style="text-align:center;font-size:10px;width:25%;" class="td-weather-title">Mua</td>
          <td style="text-align:center;font-size:10px;width:25%;" class="td-weather-title">Bán</td>
        </tr>
        <tr>
          <td class="td-weather-title gold_name">SJC</td>
          <td class="td-weather-data txtr gold_buy">37,500</td>
          <td class="td-weather-data txtr gold_sell">37,900</td>
        </tr>
        <tr>
          <td class="td-weather-title gold_name">Nhẫn ép vỉ</td>
          <td class="td-weather-data txtr gold_buy">37,510</td>
          <td class="td-weather-data txtr gold_sell">37,890</td>
        </tr>
      </tbody>
    </table>
    <div class="money">Tỷ giá</div>
    <div class="forex-rate fl roll_tg" id="eForex" style="margin-top:14px; margin-bottom:0px;">
      <table class="tbl-weather goldtable" cellspacing="1px" cellpadding="2px" border="0px">
        <tbody>
          <tr>
            <td class="td-weather-title">USD</td>
            <td class="td-weather-data txtr">21,125</td>
          </tr>
          <tr>
            <td class="td-weather-title">GBP</td>
            <td class="td-weather-data txtr">32,743</td>
          </tr>
          <tr>
            <td class="td-weather-title">HKD</td>
            <td class="td-weather-data txtr">2,732</td>
          </tr>
          <tr>
            <td class="td-weather-title">CHF</td>
            <td class="td-weather-data txtr">22,861</td>
          </tr>
          <tr>
            <td class="td-weather-title">JPY</td>
            <td class="td-weather-data txtr">218.05</td>
          </tr>
          <tr>
            <td class="td-weather-title">AUD</td>
            <td class="td-weather-data txtr">19,323</td>
          </tr>
          <tr>
            <td class="td-weather-title">CAD</td>
            <td class="td-weather-data txtr">20,552</td>
          </tr>
          <tr>
            <td class="td-weather-title">SGD</td>
            <td class="td-weather-data txtr">16,782</td>
          </tr>
          <tr>
            <td class="td-weather-title">EUR</td>
            <td class="td-weather-data txtr">28,163</td>
          </tr>
          <tr>
            <td class="td-weather-title">NZD</td>
            <td class="td-weather-data txtr">16,944</td>
          </tr>
          <tr>
            <td class="td-weather-title">Bat Thái Lan</td>
            <td class="td-weather-data txtr">678</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<div class="login-popup chart_popup" id="show-chart" style="display:none;"> <a class="close"><img class="btn_close" alt="close"></a>
  <div id="message_chart"></div>
</div>


